/*!
 * table-grid (http://mdo.github.io/table-grid)
 * Released under MIT, (c) 2014 Mark Otto
 */

/*
 * The Grid
 */

@media only screen and (min-width: $mq-tablet) {
/* Add `.table-grid` for the table */
  .table-grid {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
  }

/* Add `.col` for the table cells, or columns */
  .col {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    &.col-full-center {
      vertical-align: middle;
    }
  }

/* Set the widths */
  .col-1 {
    width: 8.333333%;
  }
  .col-2 {
    width: 16.666667%;
  }
  .col-3 {
    width: 25%;
  }
  .col-4 {
    width: 33.333333%;
  }
  .col-5 {
    width: 41.666667%;
  }
  .col-6 {
    width: 50%;
  }
  .col-7 {
    width: 58.333333%;
  }
  .col-8 {
    width: 66.666667%;
  }
  .col-9 {
    width: 75%;
  }
  .col-10 {
    width: 83.333333%;
  }
  .col-11 {
    width: 91.666667%;
  }
  .col-12 {
    width: 100%;
  }

  .col-xxs {
    width: $wd-xxs;
  }
  .col-xs {
    width: $wd-xs;
  }
  .col-sm {
    width: $wd-sm;
  }
  .col-sd {
    width: $wd-sd;
  }
  .col-md {
    width: $wd-md;
  }
  .col-lg {
    width: $wd-lg;
  }
  .col-xl {
    width: $wd-xl;
  }
  .col-xxl {
    width: $wd-xxl;
  }
  .col-wide {
    width: $wd-wide;
  }
  .col-auto {
    width: $wd-auto;
  }

/* Padded columns */
  .table-grid-padded {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .table-grid-padded .table-grid {
    border-spacing: 1rem 0;
  }

}

@media only screen and (max-width: $mq-up-to-desktop) {
  .table-grid-desktop {
    &.table-grid,
    .col {
      display: block;
      width: auto;
    }
  }
}

/*
 * Vertically center grid content
 *
 * Requires content within the column to be inline or inline-block.
 */

.table-grid-align-middle .col {
  vertical-align: middle;
}

